<!DOCTYPE html>

	<head>
		<meta charset="UTF-8" />
		<!--作者JASON
			2017
			3月10
		-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<meta name="Description" content="all by jason 2017.2.25"/>
		<title>Jason life</title>
		<link rel="shortcut icon" href="img/fav.ico">
		<link rel="stylesheet" href="css/Preset.css" />
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		  <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
		<script src="js/modernizr.custom.js"></script>
	</head>
	<style type="text/css">
		.jason > li a{
			display: inline-block;
			color: black;
						
		}
		.jason > li a:hover{
			display: inline-block;
			color: gold;
		}
	</style>
	<body>
		
		<div class="container">
			<div class="slideshow" id="slideshow">
				<ol class="slides" style="margin-top: 25px;box-shadow: 16px 16px 5px #888888;">
					<li class="current">
						<div class="description">
							<h2>相片</h2>
							<hr>
							<h6 ">
								山塘街的静谧和繁华，白鹭公园的宁静和安详。<br>苏州的生活就像这里的景色，安静却不失紧张<br>感，正是这个原因，鸟儿才在选择了这里。
							</h6>
								
						</div>
						<div class="tiltview col">
							<a href="#/"><img src="img/zp1.jpg"/></a>
							<a href="#"><img src="img/zp3.jpg"/></a>
						</div>
					</li>
					<li>
						<div class="description">
							<h2>作品</h2>
							<hr>
							
								<ul class="jason">
									<li><a href="more.html">苏州凯歌化工官网 >></a></li>
									<li><a href="zp/ad/38.html">淘宝2017年38妇女节活动作业3.7日做 >></a></li>
									<li><a href="zp/new/website/indexDX.html">jq国外网站 >></a></li>
									<li><a href="zp/shop/shopindex.html">购物网站开发 >></a></li>
									<li><a href="zp/jintai/website/index.html">jquery静态展示页作业 >></a></li>
									<li><a href="zp/dongtai/website/index.html">jquery动态展示页作业 >></a></li>
									<li><a href="pic.html">幻灯片相册实现 >></a></li>
									<li><a href="#">敬请期待</a></li>
							</ul>
										
							</h6>
						</div>
						<div class="tiltview col">
							<a href="#"><img src="img/zp.jpg"/></a>
						</div>
					</li>
					<li>
						<div class="description">
							<h2>爱好</h2>
							<hr>
							<h6 >
								喜欢网球有俩个原因：洒脱的干脆，球与拍的碰撞<br>G调的八分音符，奏一曲 成都，肝肠寸断<img src="img/hj.png" style="height: 30px;width: 30px;margin:-0.3em;"></img></h6>
						
						</div>
						<div class="tiltview col">
							<a href="#"><img src="img/wangqiu.jpg"/ "></a>
							
							<a href="#"><img src="img/aihao.jpg"/></a>
						</div>
					</li>
					<li>
						<div class="description">
							<h2>简历</h2>
							<hr>
								<h6 >
										"人道海水深，不抵相思半；海水尚有涯，相思渺无畔。"</h6>
						
						</div>
						<div class="tiltview col">
							<a href="#/"><img src="img/jl.jpg"/></a>
						</div>
					</li>
					<li>
						<div class="description">
							<h2>联系</h2>
							<hr>
					<h6 style="margin-top: 45px;">
								作者：Jason<br>
								使用语言：html<br>
								寻求岗位：前端开发<br>
								联系方式：13140980522<br>
								邮箱：13140980522@163.com<br>
								扫描二维码添加微信好友 <strong>-></strong>
							
					
					</h6>
						</div>
						<div class="tiltview col">
							<a href="#"><img src="img/jason.jpg"/></a>
								<a href="#"><img src="img/wx.png"/></img></a>
				
						</div>
					</li>
					
				</ol>
			</div><!-- /slideshow -->
				
			<div class="codrops-header">
				<h1>Jason's life show </h1>	
				<h2>请勿转载</h2>
				<small>(c) Copyright 2017 Jason1991.top All Rights Reserved. </small>
			</div>
			
			

		</div>
		<div>
			
		</div>
		
	</body>
	<script src="js/classie.js"></script>
		<script src="js/tiltSlider.js"></script>
		<script>
			new TiltSlider( document.getElementById( 'slideshow' ) );
//			var btn =  document.getElementsByClassName( 'btn' );
					</script>
</html>